<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="x-ua-compatible" content="IE=edge">
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="minimal-ui,width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="white">
		<meta name="format-detection" content="telephone=no">


		<link rel="stylesheet" href="static/m6/6bd27fcb.download.css">

		<script type="text/javascript" charset="utf-8">
			startTime = new Date();
		</script>
		<title>九九</title>
		<script type="text/javascript" src="static/wap/jquery-1.7.2.min.js"></script>
		<script type="text/javascript" src="static/js/bootstrap.min.js"></script>
		<meta itemprop="name" content="九九">



	</head>

	<body class="combo">
		<div class="masklayer" id="MaskLayer" style="display:none"></div>
		<span class="pattern left">
			<img src="static/m6/download_pattern_left.png"></span>
		<span class="pattern right">
			<img src="static/m6/download_pattern_right.png"></span>
		<div class="wechat_tip_content"></div>
		<div class="out-container">
			<div class="main">
				<header itemscope="" itemtype="http://schema.org/SoftwareApplication">
					<span style="display:none;" itemprop="description"></span>
					<span style="display:none;" itemprop="url"></span>
					<span style="display:none;" itemprop="operatingSystem">android</span>
					<span style="display:none;" itemprop="name">九九</span>

					<div class="table-container">
						<div class="cell-container">
							<div class="app-brief">
								<div class="icon-container wrapper">
									<i class="icon-icon_path bg-path"></i>
									<span class="icon">

										<img src="logo.png" itemprop="image" />

									</span>
									<span class="qrcode" title=""><canvas width="200" height="200" style="display: none;"></canvas><img alt="Scan me!"
										 style="display: block;" src=""></span>
								</div>

								<p class="release-type wrapper">&nbsp;</p>

								<h1 class="name wrapper">
									<span class="icon-warp">

										九九 </span>

								</h1>
								<p class="scan-tips">扫描二维码下载<br>或用手机浏览器输入这个网址:&nbsp;&nbsp;<span class="text-black"></span></p>
								<div class="release-info">
									<p><span itemprop="softwareVersion">1.0 - 1 MB</span></p>
									<p><span itemprop="datePublished">2020-05-06</span></p>
								</div>

								<div id="actions" class="actions type-android">
									<a id="checkinfo" style="color: white" href="downloadapp.mobileconfig">
										<button>下载安装</button></a>
								</div>



							</div>
						</div>
					</div>


				</header>
				<link href="static/wap/app.css" rel="stylesheet" type="text/css">
				<link rel="stylesheet" type="text/css" href="static/css/moban2/moban.css">
				<script type="text/javascript" src="static/wap/jquery-1.7.2.min.js"></script>
				<div id="weixin_an" style="display: none;">
					<div class="click_opacity"></div>
					<div class="to_btn">
						<span class="span1"><img src="static/wap/click_btn.png"></span>
						<span class="span2"><em>1</em> 点击右上角<img src="static/wap/menu_android.png">打开菜单</span>
						<span class="span2 android_open"><em>2</em> 选择<img src="static/wap/android.png"></span>
					</div>
				</div>




				<script type="text/javascript" src="static/js/clipboard.min.js"></script>
				<script>
					function xuanfuclose(){
            $('.xuanfu').hide();

        }
   var browser = {
                versions: function () {
                    var u = navigator.userAgent, app = navigator.appVersion;
                    return {
                        trident: u.indexOf('Trident') > -1,
                        presto: u.indexOf('Presto') > -1,
                        webKit: u.indexOf('AppleWebKit') > -1,
                        gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,
                        mobile: !!u.match(/AppleWebKit.*Mobile.*/) || !!u.match(/AppleWebKit/),
                        ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
                        android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1,
                        iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1,
                        iPad: u.indexOf('iPad') > -1,
                        webApp: u.indexOf('Safari') == -1
                    };
                }()
            }
   function is_weixin() {
            var ua = navigator.userAgent.toLowerCase();
            if (ua.match(/MicroMessenger/i) == "micromessenger") {
                return true;
            } else {
                return false;
            }
        }
  	function is_qq() {
  	       var sUserAgent =navigator.userAgent.toLowerCase();
		  if( sUserAgent.match(/QQ/i) == 'qq'){
			return true
		  }else{
			return false
		  }
  	} 
		 
		 
   if (is_weixin() || is_qq()) {
                if (browser.versions.ios || browser.versions.iPhone || browser.versions.iPad) {
                    $('#weixin_an').show();
                } else {
                    $('#weixin_an').show();
                }
            }
			
			
  $('#checkinfo').click(function(){
        $("#checkinfo").hide();
        $("#checkinfo1").show();
    });
    var clipboard = new Clipboard('.btn');

    clipboard.on('success', function(e) {
        alert('复制成功！');
    });

    clipboard.on('error', function(e) {
        console.log(e);
    }); 

    $('#reportClick').click(function(){
        $('#reportApp').modal('show');

    });

</script>
			</div>


			<script language="javascript">
				$(document).ready(function() {
    $('#reportClick').click(function () {
		$('#reportApp').modal('show');
    });
});
</script>
			<style type="text/css">
				* {

					padding: 0;
					Font-family: "PingFangSC-Light", "Microsoft YaHei", Roboto, Helvetica Neue Light, Tahoma, "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif !important;
				}

				#app {
					/*position: absolute;*/
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					background-color: white;
					Font-family: "PingFangSC-Light", "Microsoft YaHei", Roboto, Helvetica Neue Light, Tahoma, "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;
				}

				.head-back {
					right: 0;
					bottom: 0;
					background-image: linear-gradient(to right, rgb(70, 58, 243), #4488FF);
					transform: skewY(8deg);
					content: "";
					overflow: visible;
					position: absolute;
					top: -20%;
					width: 100%;
					left: 0;
					height: 35%;
				}

				.main {
					/*position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;*/
					position: relative;
					overflow: hidden;
				}

				.header {
					position: absolute;
					left: 0;
					right: 0;
					width: 100%;
					height: 96px;
					color: white;
				}

				.app-name-wrap {
					padding-top: 28px;
					height: 30px;
					display: flex;
					justify-content: center;
					align-items: center;
				}

				.platform-icon-wrap {
					display: flex;
					align-items: center;
				}

				.platform-icon {
					width: 30px;
					height: 30px;
					display: none;
				}

				.app-name {
					font-size: 32px;
					/*color: rgb(102, 102, 102);*/
					font-weight: 700;
				}

				.app-info-wrap {
					margin-top: 10px;
					padding: 10px 16px 0 16px;
					font-size: 14px;
					display: flex;
					justify-content: space-between;
					/*color: rgb(102, 102, 102);*/
					font-weight: 200;
				}

				.icon-wrap {
					display: flex;
					justify-content: center;
					padding-top: 90px;
					padding-bottom: 10px;
				}

				.icon {
					width: 120px;
					height: 120px;
					border-radius: 22px;
					/*box-shadow: 0 2px 4px 0 rgba(153,172,204,.47), 0 2px 10px 0 rgba(140,140,140,.27);*/
					/*-webkit-box-shadow: 0 2px 4px 0 rgba(153,172,204,.47), 0 2px 10px 0 rgba(140,140,140,.27);*/
				}

				.password-wrap {
					display: flex;
					justify-content: center;
					padding-bottom: 10px;
				}

				.pwd-input {
					width: 160px;
					border: 1px solid #ECEEF1;
					background-color: rgba(68, 136, 255, 0.02);
					border-radius: 3px;
					color: rgb(104, 114, 140);
					padding: 0 10px;
					font-size: 16px;
					outline: none;
					height: 40px;
					text-align: center;
					-webkit-appearance: none;
					-webkit-rtl-ordering: logical;
					-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
					-webkit-border-image: none;
				}

				.pwd-input:hover {
					border: 1px solid rgba(68, 136, 255, 0.6);
					box-shadow: 0 0 3px 0 rgba(68, 136, 255, 0.49);
					outline: none;
				}

				input::-webkit-input-placeholder {
					color: rgba(104, 114, 140, 0.3);
				}

				input::-moz-placeholder {
					/* Mozilla Firefox 19+ */
					color: rgba(104, 114, 140, 0.3);
				}

				input:-moz-placeholder {
					/* Mozilla Firefox 4 to 18 */
					color: rgba(104, 114, 140, 0.3);
				}

				input:-ms-input-placeholder {
					/* Internet Explorer 10-11 */
					color: rgba(104, 114, 140, 0.3);
				}

				.download-btn-wrap {
					display: flex;
					justify-content: center;
					padding-bottom: 30px;
				}

				.download-btn {
					min-width: 180px;
					height: 48px;
					display: inline-block;
					text-align: center;
					line-height: 48px;
					cursor: pointer;
					color: #fff;
					border-radius: 4px;
					-webkit-box-shadow: 0 2px 4px 0 rgba(153, 172, 204, 0.47);
					box-shadow: 0 2px 4px 0 rgba(153, 172, 204, 0.47);
					background-color: #4488FF;
					font-size: 22px;
					border-radius: 24px;
				}

				.trust-btn {
					min-width: 180px;
					height: 48px;
					display: inline-block;
					text-align: center;
					line-height: 48px;
					cursor: pointer;
					color: #fff;
					border-radius: 4px;
					-webkit-box-shadow: 0 2px 4px 0 rgba(153, 172, 204, 0.47);
					box-shadow: 0 2px 4px 0 rgba(153, 172, 204, 0.47);
					background-color: #4488FF;
					font-size: 22px;
					border-radius: 24px;
					margin-top: 14px;
				}

				.downloading-wrap {
					display: flex;
					padding: 20px 0;
					flex-direction: column;
					align-items: center;
					display: none;
				}

				.qrcode-wrap {
					display: flex;
					flex-direction: column;
					align-items: center;
					margin-top: 4px;
					margin-bottom: 20px;
				}

				.qrcode-tip {
					padding-top: 6px;
					font-size: 14px;
					color: rgba(104, 114, 140, 0.5);
					word-wrap: break-word;
				}

				.qrcode-img {
					width: 140px;
					height: 140px;
				}

				.window-wrap {
					display: flex;
					flex-direction: column;
					align-items: center;
					padding-top: 20px;
				}

				.window-text-wrap {
					padding: 4px 18px;
					color: rgb(104, 114, 140);
					font-size: 15px;
					line-height: 24px;
					white-space: normal;
					word-break: break-all;
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 0;
					-webkit-box-orient: vertical;
				}

				.history-list {
					width: 320px;
					background-color: white;
					border-top-left-radius: 6px;
					border-top-right-radius: 6px;
					border: solid 1px #ECEEF1;
				}

				.history-header {
					height: 40px;
					background-color: #FBFCFE;
					-webkit-box-shadow: 0 1px 0 0 #ECEEF1;
					box-shadow: 0 1px 0 0 #ECEEF1;
					border-radius: 3px 3px 0 0;
					color: rgba(104, 114, 140, 0.6);
					font-size: 15px;
					text-indent: 20px;
					line-height: 40px;
					font-weight: 600;
				}

				.history-cell {
					display: flex;
					justify-content: space-between;
					padding: 6px 18px;
					cursor: pointer;
					color: rgb(102, 102, 102);
					font-weight: 200;
					font-size: 15px;
					border-bottom: 1px solid rgba(240, 240, 240, 0.5);
				}

				.history-next {
					display: flex;
					justify-content: center;
					padding: 6px 18px;
					cursor: pointer;
					color: #333;
					font-weight: 400;
					font-size: 14px;
				}

				.bottom-wrap {
					height: 50px;
					margin-top: 80px;
					background-color: rgb(45, 49, 60);
					width: 100%;
					display: flex;
					justify-content: center;
					align-items: center;
				}

				.bottom-link-wrap {
					font-size: 14px;
					color: #ccc;
					font-weight: 200;
				}

				.bottom-link-wrap a {
					text-decoration: none;
					color: #ccc;
				}

				.cover {
					position: relative;
					display: none;
					justify-content: center;
					align-items: center;
					height: 100px;
					background: rgb(34, 34, 34);
					color: rgb(220, 220, 220);
					padding: 0 40px;
				}

				.cover-arrow {
					width: 46px;
					position: absolute;
					top: 10px;
					right: 10px;
				}

				.template0-header {
					position: relative;
					background-color: rgb(252, 252, 252);
					border-bottom: solid 1px #eee;
					width: 100%;
					height: 96px;
				}

				.template0-app-name-wrap {
					position: absolute;
					top: 0;
					left: 0;
					right: 0;
					bottom: 24px;
					display: flex;
					justify-content: center;
					align-items: center;
					font-size: 20px;
					font-weight: 700;
				}

				.template0-app-title-wrap {
					display: flex;
				}

				.template0-plat-icon-wrap {
					background-color: rgb(34, 34, 34);
					width: 24px;
					height: 24px;
					display: flex;
					justify-content: center;
					align-items: center;
					border-radius: 12px;
					margin-right: 4px;
				}

				.template0-plat-icon-wrap img {
					height: 16px;
				}

				.template0-app-info-wrap {
					position: absolute;
					top: 60px;
					left: 0;
					right: 0;
					bottom: 0;
					display: flex;
					justify-content: space-between;
					padding: 0 16px;
				}

				.value-template-0 {
					/*display: none;*/
				}

				/**/
				.gridad {
					z-index: 9999;
					position: fixed;
					left: 0;
					right: 0;
					bottom: -9999px;
					background-color: white;
					display: flex;
					flex-direction: column;
					box-shadow: 0 2px 26px 0 rgba(0, 0, 0, 0.18);
				}

				.gridad-item-wrap {
					display: flex;
					flex-wrap: wrap;
					width: 100%;
				}

				.gridad-item {
					background-color: rgb(248, 248, 248);
					width: 50%;
					padding-bottom: 50%;
					position: relative;
				}

				.gridad-img {
					position: absolute;
					width: 100%;
					height: 100%;
				}

				.gridad-bar {
					display: flex;
					justify-content: space-between;
					align-items: center;
				}

				.gridad-bar span {
					font-family: PingFangSC-Medium;
					font-size: 16px;
					line-height: 40px;
					padding-left: 10px;
					color: #333;
					display: flex;
					justify-content: space-between;
					align-items: center;
				}

				.gridad-bar img {
					padding: 10px;
					width: 40px;
				}

				.bottom-ad {
					z-index: 100;
					position: fixed;
					bottom: 0;
					left: 0;
					right: 0;
					height: 80px;
					background: white;
					display: flex;
					justify-content: center;
				}

				.bottom-ad-wrap {
					width: 375px;
					height: 80px;
					position: relative;
				}

				.bottom-ad-img {
					width: 375px;
					height: 80px;
				}

				.bottom-ad-close {
					position: absolute;
					left: 2px;
					top: 2px;
					padding: 1px 2px;
					border: 1px solid white;
					color: white;
					font-size: 10px;
				}

				.ad-bottom-margin {
					display: none;
					width: 100%;
					height: 100px;
				}
			</style>




			<script type="text/javascript">
				$('#gridad-close-btn').click(function() {
					$(".gridad").animate({
						bottom: '9999px'
					})
				})

				$('#checkinfo').click(function() {
					$("#gridad").show()

				})
			</script>



	</body>
</html>
